<!DOCTYPE html>
<html lang="en">
<head>
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<meta charset="utf-8">
	<title>智能“小黄”后台监管平台</title>
	<meta content='width=device-width, initial-scale=1.0, shrink-to-fit=no' name='viewport' />
	<link rel="icon" href="../assets/img/icon.ico" type="image/x-icon"/>
	
	<!-- Fonts and icons -->
	<script src="../assets/js/plugin/webfont/webfont.min.js"></script>
	<script>
		WebFont.load({
			google: {"families":["Open+Sans:300,400,600,700"]},
			custom: {"families":["Flaticon", "Font Awesome 5 Solid", "Font Awesome 5 Regular", "Font Awesome 5 Brands"], urls: ['../assets/css/fonts.css']},
			active: function() {
				sessionStorage.fonts = true;
			}
		});
	</script>

	<!-- CSS Files -->
	<link rel="stylesheet" href="../assets/css/bootstrap.min.css">
	<link rel="stylesheet" href="../assets/css/azzara.min.css">
	<!-- CSS Just for demo purpose, don't include it in your project -->
	<link rel="stylesheet" href="../assets/css/demo.css">
</head>
<body>
	<div class="wrapper">
		<!--
			Tip 1: You can change the background color of the main header using: data-background-color="blue | purple | light-blue | green | orange | red"
		-->
		<div class="main-header" data-background-color="orange">
			<!-- Logo Header -->
			<div class="logo-header">
				
				<a href="homepage.html" class="logo">
					<img src="../assets/img/logoazzara.svg" height="100%" alt="navbar brand" class="navbar-brand">
				</a>
				<button class="navbar-toggler sidenav-toggler ml-auto" type="button" data-toggle="collapse" data-target="collapse" aria-expanded="false" aria-label="Toggle navigation">
					<span class="navbar-toggler-icon">
						<i class="fa fa-bars"></i>
					</span>
				</button>
				<button class="topbar-toggler more"><i class="fa fa-ellipsis-v"></i></button>
				<div class="navbar-minimize">
					<button class="btn btn-minimize btn-rounded">
						<i class="fa fa-bars"></i>
					</button>
				</div>
			</div>
			<!-- End Logo Header -->

			<!-- Navbar Header -->
			<nav class="navbar navbar-header navbar-expand-lg">
				
				<div class="container-fluid">
					<div class="collapse" id="search-nav">
						<form class="navbar-left navbar-form nav-search mr-md-3">
							<div class="input-group">
								<div class="input-group-prepend">
									<button type="submit" class="btn btn-search pr-1">
										<i class="fa fa-search search-icon"></i>
									</button>
								</div>
								<input type="text" placeholder="搜索 ..." class="form-control">
							</div>
						</form>
					</div>
					<ul class="navbar-nav topbar-nav ml-md-auto align-items-center">
						<li class="nav-item toggle-nav-search hidden-caret">
							<a class="nav-link" data-toggle="collapse" href="#search-nav" role="button" aria-expanded="false" aria-controls="search-nav">
								<i class="fa fa-search"></i>
							</a>
						</li>
						<li class="nav-item dropdown hidden-caret">
							<a class="nav-link dropdown-toggle" href="#" id="messageDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
								<i class="fa fa-envelope"></i>
							</a>
							<ul class="dropdown-menu messages-notif-box animated fadeIn" aria-labelledby="messageDropdown">
								<li>
									<div class="dropdown-title d-flex justify-content-between align-items-center">
										消息 									
										<a href="#" class="small">全部标记已读</a>
									</div>
								</li>
								<li>
									<div class="message-notif-scroll scrollbar-outer">
										<div class="notif-center">
											<a href="#">
												<div class="notif-img"> 
													<img src="../assets/img/chadengle.jpg" alt="Img Profile">
												</div>
												<div class="notif-content">
													<span class="subject">刘淑薇</span>
													<span class="block">
														我遇到了点问题
													</span>
													<span class="time">12分钟前</span> 
												</div>
											</a>
											<a href="#">
												<div class="notif-img"> 
													<img src="../assets/img/talha.jpg" alt="Img Profile">
												</div>
												<div class="notif-content">
													<span class="subject">鲁阳星</span>
													<span class="block">
														我今天请个假噢！
													</span>
													<span class="time">7天前</span> 
												</div>
											</a>
										</div>
									</div>
								</li>
								<li>
									<a class="see-all" href="javascript:void(0);">查看全部<i class="fa fa-angle-right"></i> </a>
								</li>
							</ul>
						</li>
						<li class="nav-item dropdown hidden-caret">
							<a class="nav-link dropdown-toggle" href="#" id="notifDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
								<i class="fa fa-bell"></i>
								<span class="notification">3</span>
							</a>
							<ul class="dropdown-menu notif-box animated fadeIn" aria-labelledby="notifDropdown">
								<li>
									<div class="dropdown-title">三条新消息通知</div>
								</li>
								<li>
									<div class="notif-scroll scrollbar-outer">
										<div class="notif-center">
											<a href="#">
												<div class="notif-icon notif-primary"> <i class="fa fa-user-plus"></i> </div>
												<div class="notif-content">
													<span class="block">
														团队新成员加入
													</span>
													<span class="time">5天前</span> 
												</div>
											</a>
											<a href="#">
												<div class="notif-icon notif-success"> <i class="fa fa-comment"></i> </div>
												<div class="notif-content">
													<span class="block">
														有人评论了你
													</span>
													<span class="time">12天前</span> 
												</div>
											</a>
											<a href="#">
												<div class="notif-icon notif-danger"> <i class="fa fa-heart"></i> </div>
												<div class="notif-content">
													<span class="block">
														有人为你点赞
													</span>
													<span class="time">17天前</span> 
												</div>
											</a>
										</div>
									</div>
								</li>
								<li>
									<a class="see-all" href="javascript:void(0);">查看全部<i class="fa fa-angle-right"></i> </a>
								</li>
							</ul>
						</li>
						<li class="nav-item dropdown hidden-caret">
							<a class="dropdown-toggle profile-pic" data-toggle="dropdown" href="#" aria-expanded="false">
								<div class="avatar-sm">
									<img src="../assets/img/profile.jpg" alt="..." class="avatar-img rounded-circle">
								</div>
							</a>
							<ul class="dropdown-menu dropdown-user animated fadeIn">
								<li>
									<div class="user-box">
										<div class="avatar-lg"><img src="../assets/img/profile.jpg" alt="image profile" class="avatar-img rounded"></div>
										<div class="u-text">
											<h4>黄家名</h4>
											<p class="text-muted">hhuchjm@hhu.edu.cn</p><a href="userprofile.html" class="btn btn-rounded btn-secondary btn-sm">个人资料</a>
										</div>
									</div>
								</li>
								<li>
									<div class="dropdown-divider"></div>
									<a class="dropdown-item" href="userprofile.html">我的个人信息</a>
									<a class="dropdown-item" href="setting.html">账户设置</a>
									<div class="dropdown-divider"></div>
									<a class="dropdown-item" href="index.html">退出登录</a>
								</li>
							</ul>
						</li>
						
					</ul>
				</div>
			</nav>
			<!-- End Navbar -->
		</div>

		<!-- Sidebar -->
		<div class="sidebar">
			
			<div class="sidebar-background"></div>
			<div class="sidebar-wrapper scrollbar-inner">
				<div class="sidebar-content">
					<div class="user">
						<div class="avatar-sm float-left mr-2">
							<img src="../assets/img/profile.jpg" alt="..." class="avatar-img rounded-circle">
						</div>
						<div class="info">
							<a data-toggle="collapse" href="#collapseExample" aria-expanded="true">
								<span>
									黄家名
									<span class="user-level">管理员</span>
									<span class="caret"></span>
								</span>
							</a>
							<div class="clearfix"></div>

							<div class="collapse in" id="collapseExample">
								<ul class="nav">
									<li class="active">
										<a href="userprofile.html">
											<span class="link-collapse">我的资料</span>
										</a>
									</li>
									<li>
										<a href="setting.html">
											<span class="link-collapse">设置</span>
										</a>
									</li>
								</ul>
							</div>
						</div>
					</div>
					<ul class="nav">
						<li class="nav-item">
							<a href="homepage.html">
								<i class="fas fa-home"></i>
								<p>主页</p>
								<span class="badge badge-count">5</span>
							</a>
						</li>
						<li class="nav-section">
							<span class="sidebar-mini-icon">
								<i class="fa fa-ellipsis-h"></i>
							</span>
							<h4 class="text-section">管理功能</h4>
						</li>
						<li class="nav-item">
							<a data-toggle="collapse" href="#base">
								<i class="fas fa-id-card-alt"></i>
								<p>员工管理</p>
								<span class="caret"></span>
							</a>
							<div class="collapse" id="base">
								<ul class="nav nav-collapse">
									<li>
										<a href="workerinfo.html">
											<span class="sub-item">员工信息</span>
										</a>
									</li>
									<li>
										<a href="worktime.html">
											<span class="sub-item">工时统计</span>
										</a>
									</li>
									<li>
										<a href="#">
											<span class="sub-item">备用</span>
										</a>
									</li>
								</ul>
							</div>
						</li>
						<li class="nav-item">
							<a data-toggle="collapse" href="#forms">
								<i class="fas fa-people-carry"></i>
								<p>工况管理</p>
								<span class="caret"></span>
							</a>
							<div class="collapse" id="forms">
								<ul class="nav nav-collapse">
									<li>
										<a href="condition.html">
											<span class="sub-item">工地环境</span>
										</a>
									</li>
									<li>
										<a href="#">
											<span class="sub-item">备用</span>
										</a>
									</li>
								</ul>
							</div>
						</li>
						<li class="nav-item">
							<a data-toggle="collapse" href="#tables">
								<i class="fas fa-video"></i>
								<p>视频管理</p>
								<span class="caret"></span>
							</a>
							<div class="collapse" id="tables">
								<ul class="nav nav-collapse">
									<li>
										<a href="videoguide.html">
											<span class="sub-item">视频指导</span>
										</a>
									</li>
									<li>
										<a href="videolog.html">
											<span class="sub-item">视频日志</span>
										</a>
									</li>
									<li>
										<a href="#">
											<span class="sub-item">备用</span>
										</a>
									</li>
								</ul>
							</div>
						</li>
						<li class="nav-item">
							<a data-toggle="collapse" href="#maps">
								<i class="fas fa-smile-beam"></i>
								<p>备用</p>
								<span class="caret"></span>
							</a>
							<div class="collapse" id="maps">
								<ul class="nav nav-collapse">
									<li>
										<a href="#">
											<span class="sub-item">备用</span>
										</a>
									</li>

									
								</ul>
							</div>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<!-- End Sidebar -->
		<div class="main-panel">
			<div class="content">
				<div class="page-inner">
					<h4 class="page-title">设置</h4>
					<div class="row">
						<div class="col-md-8">
							<div class="card card-with-nav">
								<div class="card-header">
									<div class="row row-nav-line">
										<ul class="nav nav-tabs nav-line nav-color-secondary" role="tablist">
											<li class="nav-item"> <a class="nav-link" id="pills-home-tab" data-toggle="pill" href="#pills-home" role="tab" aria-controls="pills-home" aria-selected="true">个人资料</a> </li>
											<li class="nav-item"> <a class="nav-link" id="pills-profile-tab" data-toggle="pill" href="#pills-profile" role="tab" aria-controls="pills-profile" aria-selected="false">时间线</a> </li>
											<li class="nav-item"> <a class="nav-link active show" id="pills-contact-tab" data-toggle="pill" href="#pills-contact" role="tab" aria-controls="pills-contact" aria-selected="false">设置</a> </li>
										</ul>
									</div>
								</div>
								<div class="card-body">
									<div class="tab-content" id="pills-tabContent">
										<div class="tab-pane fade" id="pills-home" role="tabpanel" aria-labelledby="pills-home-tab">
											<div class="row mt-3">
												<div class="col-md-6">
													<div class="form-group form-group-default">
														<label>姓名</label>
														<input type="text" class="form-control" name="name" placeholder="Name" value="黄家名">
													</div>
												</div>
												<div class="col-md-6">
													<div class="form-group form-group-default">
														<label>邮箱</label>
														<input type="email" class="form-control" name="email" placeholder="Name" value="hhuchjm@hhu.edu.com">
													</div>
												</div>
											</div>
											<div class="row mt-3">
												<div class="col-md-4">
													<div class="form-group form-group-default">
														<label>出生日期</label>
														<input type="text" class="form-control" id="datepicker" name="datepicker" value="09/19/1998" placeholder="Birth Date">
													</div>
												</div>
												<div class="col-md-4">
													<div class="form-group form-group-default">
														<label>性别</label>
														<select class="form-control" id="gender">
															<option>女</option>
															<option>男</option>
														</select>
													</div>
												</div>
												<div class="col-md-4">
													<div class="form-group form-group-default">
														<label>电话</label>
														<input type="text" class="form-control" value="15161150589" name="phone" placeholder="Phone">
													</div>
												</div>
											</div>
											<div class="row mt-3">
												<div class="col-md-12">
													<div class="form-group form-group-default">
														<label>地址</label>
														<input type="text" class="form-control" value="江苏省常州市新北区晋陵北路200号" name="address" placeholder="address">
													</div>
												</div>
											</div>
											<div class="row mt-3 mb-1">
												<div class="col-md-12">
													<div class="form-group form-group-default">
														<label>说两句吧 ...</label>
														<textarea class="form-control" name="about" placeholder="About Me" rows="3">生活明朗，万物可爱！</textarea>
													</div>
												</div>
											</div>
											<div class="text-right mt-3 mb-3">
												<button class="btn btn-success">保存</button>
												<button class="btn btn-danger">重置</button>
											</div>
										</div>
										<div class="tab-pane fade" id="pills-profile" role="tabpanel" aria-labelledby="pills-profile-tab">
											<div class="row">
												<div class="col-md-12">
													<ul class="timeline">
														<li>
															<div class="timeline-badge"><i class="flaticon-message"></i></div>
															<div class="timeline-panel">
																<div class="timeline-heading">
																	<h4 class="timeline-title">标题备用</h4>
																</div>
																<div class="timeline-body">
																	<p>内容备用</p>
																	<p><small class="text-muted"><i class="flaticon-message"></i> 时间备用</small></p>
																</div>
															</div>
														</li>
														<li class="timeline-inverted">
															<div class="timeline-badge warning"><i class="flaticon-alarm-1"></i></div>
															<div class="timeline-panel">
																<div class="timeline-heading">
																	<h4 class="timeline-title">标题备用</h4>
																</div>
																<div class="timeline-body">
																	<p>内容备用</p>
																	<p><small class="text-muted"><i class="flaticon-message"></i> 时间备用</small></p>
																</div>
															</div>
														</li>
														<li>
															<div class="timeline-badge danger"><i class="flaticon-error"></i></div>
															<div class="timeline-panel">
																<div class="timeline-heading">
																	<h4 class="timeline-title">标题备用</h4>
																</div>
																<div class="timeline-body">
																	<p>内容备用</p>
																	<p><small class="text-muted"><i class="flaticon-message"></i> 时间备用</small></p>
																</div>
															</div>
														</li>
														<li>
															<div class="timeline-badge info"><i class="flaticon-price-tag"></i></div>
															<div class="timeline-panel">
																<div class="timeline-heading">
																	<h4 class="timeline-title">标题备用</h4>
																</div>
																<div class="timeline-body">
																	<p>内容备用</p>
																	<p><small class="text-muted"><i class="flaticon-hands"></i> 时间备用</small></p>
																</div>
															</div>
														</li>
														<li class="timeline-inverted">
															<div class="timeline-badge success"><i class="flaticon-profile-1"></i></div>
															<div class="timeline-panel">
																<div class="timeline-heading">
																	<h4 class="timeline-title">首次登录</h4>
																</div>
																<div class="timeline-body">
																	<p>我在今天来到了“小黄” ！ </p>
																	<p><small class="text-muted"><i class="flaticon-hands"></i> 2020.04.25</small></p>
																</div>
															</div>
														</li>
													</ul>
												</div>
											</div>
										</div>
										<div class="tab-pane fade active show" id="pills-contact" role="tabpanel" aria-labelledby="pills-contact-tab">
											<div class="row">
												<div class="col-md-10">
													<div class="card-body">
														<div class="col-md-12">
															<div class="float-left" style="padding-right: 60px;"><i class="fas fa-user-shield"></i></div>账号与安全<i class="fa fa-angle-right float-right"></i>
														</div>
														<div class="separator-dashed"></div>
														<div class="col-md-12">
															<div class="float-left" style="padding-right: 60px;"><i class="fas fa-lock"></i></div>隐私设置<i class="fa fa-angle-right float-right"></i>
														</div>	
														<div class="separator-dashed"></div>
														<div class="col-md-12">
															<div class="float-left" style="padding-right: 60px;"><i class="fas fa-cog"></i></div>通用设置<i class="fa fa-angle-right float-right"></i>
														</div>		
														<div class="separator-dashed"></div>
														<div class="col-md-12">
															<div class="float-left" style="padding-right: 60px;"><i class="fas fa-info-circle"></i></div>关于“小黄”<i class="fa fa-angle-right float-right"></i>
														</div>	
														<div class="separator-dashed"></div>
														<div class="col-md-12">
															<div class="float-left" style="padding-right: 60px;"><i class="fas fa-question"></i></div>帮助与反馈<i class="fa fa-angle-right float-right"></i>
														</div>						
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="col-md-4">
							<div class="card card-profile card-secondary">
								<div class="card-header" style="background-image: url('../assets/img/blogpost.jpg')">
									<div class="profile-picture">
										<div class="avatar avatar-xl">
											<img src="../assets/img/profile.jpg" alt="..." class="avatar-img rounded-circle">
										</div>
									</div>
								</div>
								<div class="card-body">
									<div class="user-profile text-center">
										<div class="name">黄家名</div>
										<div class="job">后台应用管理员</div>
										<div class="desc">生活明朗，万物可爱！</div>
										<div class="social-media">
											<a class="btn btn-danger btn-twitter btn-sm btn-link" href="#"> 
												<span class="btn-label just-icon"><i class="fab fa-weibo"></i> </span>
											</a>
											<a class="btn btn-default btn-sm btn-link" rel="publisher" href="#"> 
												<span class="btn-label just-icon"><i class="fab fa-github"></i> </span> 
											</a>
											<a class="btn btn-success btn-sm btn-link" rel="publisher" href="#"> 
												<span class="btn-label just-icon"><i class="fab fa-weixin"></i> </span> 
											</a>
											<a class="btn btn-primary btn-sm btn-link" rel="publisher" href="#"> 
												<span class="btn-label just-icon"><i class="fab fa-zhihu"></i> </span> 
											</a>
										</div>
									</div>
								</div>
								<div class="card-footer">
									<div class="row user-stats text-center">
										<div class="col">
											<div class="number">125h</div>
											<div class="title">在线时长</div>
										</div>
										<div class="col">
											<div class="number">98人</div>
											<div class="title">分管工人</div>
										</div>
										<div class="col">
											<div class="number">4个</div>
											<div class="title">解决问题</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>

		</div>

		<!-- Custom template | don't include it in your project! -->
		<div class="custom-template">
			<div class="title">设置</div>
			<div class="custom-content">
				<div class="switcher">
					<div class="switch-block">
						<h4>导航栏颜色</h4>
						<div class="btnSwitch">
							<button type="button" class="changeMainHeaderColor" data-color="blue"></button>
							<button type="button" class="changeMainHeaderColor" data-color="purple"></button>
							<button type="button" class="changeMainHeaderColor" data-color="light-blue"></button>
							<button type="button" class="changeMainHeaderColor" data-color="green"></button>
							<button type="button" class="selected changeMainHeaderColor" data-color="orange"></button>
							<button type="button" class="changeMainHeaderColor" data-color="red"></button>
						</div>
					</div>
					<div class="switch-block">
						<h4>背景颜色</h4>
						<div class="btnSwitch">
							<button type="button" class="changeBackgroundColor" data-color="bg2"></button>
							<button type="button" class="changeBackgroundColor selected" data-color="bg1"></button>
							<button type="button" class="changeBackgroundColor" data-color="bg3"></button>
						</div>
					</div>
				</div>
			</div>
			<div class="custom-toggle">
				<i class="flaticon-settings"></i>
			</div>
		</div>
		<!-- End Custom template -->
	</div>
	<!--   Core JS Files   -->
	<script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
	<script src="../assets/js/core/popper.min.js"></script>
	<script src="../assets/js/core/bootstrap.min.js"></script>
	<!-- jQuery UI -->
	<script src="../assets/js/plugin/jquery-ui-1.12.1.custom/jquery-ui.min.js"></script>
	<script src="../assets/js/plugin/jquery-ui-touch-punch/jquery.ui.touch-punch.min.js"></script>
	<!-- Moment JS -->
	<script src="../assets/js/plugin/moment/moment.min.js"></script><!-- DateTimePicker -->
	<script src="../assets/js/plugin/datepicker/bootstrap-datetimepicker.min.js"></script>
	<!-- Bootstrap Toggle -->
	<script src="../assets/js/plugin/bootstrap-toggle/bootstrap-toggle.min.js"></script>
	<!-- jQuery Scrollbar -->
	<script src="../assets/js/plugin/jquery-scrollbar/jquery.scrollbar.min.js"></script>
	<!-- Azzara JS -->
	<script src="../assets/js/ready.min.js"></script>
	<!-- Azzara DEMO methods, don't include it in your project! -->
	<script src="../assets/js/setting-demo.js"></script>
</body>
</html>